<template>
  <div id="HomeDetails">
    <HomeNoticeHead/>
    <div class="home_details_box">
      <h2>关于苏州图书馆潼泾分馆恢复开放公告</h2>
      <p>2021-11-18 浏览量：32</p>
      <div class="details_text">
        尊敬的读者：<br>
        &nbsp;&nbsp;&nbsp;&nbsp;苏州图书馆潼泾分馆装修改造完毕，将于2021年11月23日恢复开放。开放时间：周一闭馆，周二至周日  9:00～17:00。<br>
        特此通知！<br>
        请各位读者相互转告。
      </div>
      <div class="details_date">
        2021年11月18日
      </div>
    </div>

    <el-button plain  type="primary" class="go_black" @click="$router.push('/home/booknotice')">返回</el-button>
  </div>
</template>

<script>
import HomeNoticeHead from "../../components/Home/HomeNoticeHead";
export default {
  name: "HomeDetails",
  components: {HomeNoticeHead}
}
</script>

<style scoped>
.home_details_box{
  width: 1000px;
  margin: 20px auto;
}
.home_details_box h2{
  text-align: center;
  line-height: 50px;
}
.home_details_box p{
  text-align: center;
  color: #aaa;
  line-height: 40px;
  font-size: 14px;
}
.details_text{
  font-size: 16px;
  color: #666;
  line-height: 35px;
}
.details_date{
  text-align: right;
  margin: 30px 0;
}
.go_black{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
</style>
